HTML "HyperText Markup Language"，它是一種非常重要的網頁技術，幫助瀏覽器顯示網頁內容。
HTML 是一種"標記"語言，它用來創建網頁的結構和內容，那他算是一種程式語言嗎?
我個人覺得他不是，因為程式語言有很嚴謹的規定，例如 javascript 的 if判斷式，括號、花括號缺一不可。
// ( )、{ } 都不能少
if ( 條件 ) {
條件符合做的事情
} else {
條件不符合做的事情
}
但是 HTML 卻可以亂寫一通都不會錯 😂
// 正確寫法
<p>
hello world!
</p>
// 錯誤寫法，但網頁還是會動
<p>
hello world
</x>
// HTML 標籤通常都是有頭有尾，幾乎每一個標籤都有對應的結尾標籤，中間就包含內容。
// 例如 : <div> </div>
<!DOCTYPE html> // 告訴瀏覽器使用的是 HTML 5
<html lang="en"> // 根元素，包含了整個網頁的內容， lang 表示的是語系
<head>
// <meta> 標籤用來設定不同類型的網頁資訊
<meta charset="UTF-8"> // 網頁指定的編碼
<meta name="viewport" content="width=device-width, initial-scale=1.0"> // 告訴瀏覽器網頁的寬度隨著設備的大小調整
<title>Document</title> // 網頁的標題，會顯示在瀏覽器標籤上
</head>
<body> //網頁的內容都在這裡面
</body>
</html>
用來定義標題，h1是最高級別的標題。
<h1>我是H1</h1>
<h2>我是H2</h2>
<h3>我是H3</h3>
<h4>我是H4</h4>
<h5>我是H5</h5>
<h6>我是H6</h6>
用來定義文本的段落。
<p>段落一</p>
<p>段落二</p>
<p>段落三</p>
定義超連結，將用戶導向其他頁面。
// href 寫網址
// <a>中間寫想顯示的文字</a>
<a href="https://www.google.com/">google</a>
用於插入圖片
// src 必要的屬性，指定圖片的位址。
// alt 圖片替代的文字，當圖片無法顯示時，會顯示此文字，有助於SEO。
// width 指定圖片的寬度。
// heigh 指定圖片的高度。
// title 當滑鼠滑過圖片時，顯示此文字。
<img
src="app/assets/images/dog.jpg"
alt="dog"
width="300px"
height="300px"
title="dog"
/>
<ul>
<li>ul清單1</li>
<li>ul清單2</li>
<li>ul清單3</li>
</ul>
<ol>
<li>ol清單1</li>
<li>ol清單2</li>
<li>ol清單3</li>
</ol>
今天就介紹到這邊! 明天我們來介紹 css 基本概念!
那我們明天見
iThome鐵人賽
看影片追技術